﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">

</head>
<body style="background-color: #eff1f0;">
<div>
    <h3>在线商城</h3>
</div>

<div style="background-color: white;">
    <table style="width: 100%;">
        <tr>
            <td style="width: 80%;cursor: pointer;">
                <div style="display: inline-table;width: 100%;">
                    <div style="float: left;">
                        <img src="book_icon.png"
                             height="45px" width="45px" class="imgRound">
                    </div>
                    <div style="float: left;width: 70%;padding-left: 5px;">
                        <table style="width: 100%;">
                            <tr>
                                <td colspan="2" style="font-size: 16px;cursor: pointer;">《编译原理》</td>
                            </tr>
                            <tr>
                                <td style="color: lightgray;font-size: 14px;">3800+次购买</td>
                                <td style="color: lightgray;font-size: 14px;">69.8￥</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="color: gray;font-size: 14px;">
                    计算机基础书籍，经典版。
                </div>
            </td>
            <td align="center" style="width: 20%;">
                <!--pointer为点击效果-->
                <div style="cursor: pointer;"
                     onclick="HostApp.buyBook(function(msg){HostApp.toast(msg);})">
                    <div>
                        <img width="30px" height="30px" src="buy_car.png">
                    </div>
                    <span style="font-size: 14px;">购买</span>
                </div>
            </td>
        </tr>
    </table>
    <div align="center">
<!--        <img alt="" src="http://119.254.116.52:8889/store/pages/img/icon/xian.png" width="95%"-->
<!--             height="1px">-->
        <img  alt="" src="book_icon.png" width="95%" height="1px"> >
    </div>

</div>

<div style="background-color: white;">
    <table style="width: 100%;">
        <tr>
            <td style="width: 80%;cursor: pointer;">
                <div style="display: inline-table;width: 100%;">
                    <div style="float: left;">
                        <img src="http://119.254.116.52:8889/store/pages/store/images/icon/264_icon"
                             height="45px" width="45px" class="imgRound">
                    </div>
                    <div style="float: left;width: 70%;padding-left: 5px;">
                        <table style="width: 100%;">
                            <tr>
                                <td colspan="2" style="font-size: 16px;cursor: pointer;">ͬ数据结构与算法</td>
                            </tr>
                            <tr>
                                <td style="color: lightgray;font-size: 14px;">100+次购买</td>
                                <td style="color: lightgray;font-size: 14px;">80￥</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="color: gray;font-size: 14px;">
                    算法入门书籍。
                </div>
            </td>
            <td align="center" style="width: 20%;">
                <div style="cursor: pointer;"
                     onclick="HostApp.buyBook(function(msg){HostApp.toast(msg);})">
                    <div>
                        <img width="30px" height="30px" src="buy_car.png">
                    </div>
                    <span style="font-size: 14px;">购买</span>
                </div>
            </td>
        </tr>
    </table>
</div>

</body>

</html>